<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        th {
            border: 3;
            padding: 2;
            color: yellowgreen;
            font-size: 3px;
        }

        td {
            font-size: 4px;
            color: rgb(39, 138, 224);
        }

        hand {
            border: 1px;
            font-size: 30px;
            color: aqua;
            margin: 10px auto;
            display: block;
        }

        .show_img {
            display: block;
        }

        .red {
            color: red;
        }

        /* #userid {
            font-size: 28px;
            color: skyblue;
        } */

        li.green {
            font-size: 20px;
            color: rgb(34, 165, 241);
        }

        .font {
            /* font: font-style font-weight font-size/font-heigt font-family; */
            font: italic 700 20px/20px 'Microsoft yahei';
        }

        a {
            text-decoration: none;
            color: rgb(196, 190, 21);
        }

        p {
            text-indent: 2em;
            font: 15px 'Microsoft yahei';
        }

        p.span.english {
            color: rgb(74, 223, 24);
            font-family: 'Courier New', Courier, monospace;
        }
    </style>

</head>

<body>
    <div margin=50px>
        <hand id="title">这是一个标题</hand>
        <img src="../../img/106096226_p0.jpg" class="show_img" alt="识别错误" title="这是一个图片" height="290px" align="center"
            style="display: block; padding: 6px; margin: 12px auto;" />
    </div>

    <table align="center" border=1px cellpadding=12px cellspacing=0px width=200px height="20px"
        style="margin: 12px auto;">
        <thead>
            <tr>
                <th>菜名</th>
                <th>单价</th>
                <th>折扣</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td align="center">西红柿炒鸡蛋</td>
                <td align="center">12￥</td>
                <td align="center">5折</td>
            </tr>
        </tbody>
    </table>
    <form action="http://43.139.5.31:8080/login" method="post" style="padding: 2px ; margin: 12px;" onsubmit="encryptAndSubmit(event)">
        账号：<input type="text" placeholder="请输入账号" id="usrid" name="userid"><br />
        密码：<input type="password" placeholder="请输入密码" id="password" name="password" minlength="6"><br />
        <!-- <input type="submit" placeholder="确认" name="submit" value="确认"><br /> -->
        <button type="submit" onclick="test()" style="width: 50px; height: 25px; font-weight: 700; background-color: rgb(26, 166, 119); color: rgb(215, 160, 21); border: 0px;">确认</button><br />
        <input type="image" /><br />
        性别：
        <input type="radio" name="sex" id="nan" /> <label for="nan">男 </label>
        <input type="radio" name="sex" id="nv" /><label for="nv">女 </label>
        <input type="radio" name="sex" id="wuzhuangzhishengji" /><label for="wuzhuangzhishengji">武装直升机 </label><br />
        <input type="checkbox" name="ok" id="ok" checked="checked" />已经阅读完毕，同意该协议<br />
    </form>

    <button style="margin: 6px;">
        发送手机验证码
    </button><br />
    <select style="margin: 6px; margin-top: 12px;">
        <option selected="selected">--请选择年份--</option>
        <option>1990</option>

    </select>
    <select style="margin: 6px; margin-top: 12px;">
        <option>--请选择月份--</option>
        <option align="center">1月</option>
        <option align="center">2月</option>
        <option align="center">3月</option>
        <option align="center">4月</option>
    </select>

    <ul>
        <li class="green">张三丰</li>
        <li>刘备</li>
    </ul>
    <ol>
        <li>张三丰</li>
        <li>刘备</li>
    </ol>
    <dl>
        <dt class="red">名字</dt>
        <dd class="font">张三丰</dd>
        <dd>刘备</dd>
    </dl>
    <a href="#">传送法阵</a>

    <div>
        <p>信号 EINTR 在操作系统中表示 "Interrupted System Call"，即中断的系统调用。
            当一个系统调用正在执行（例如读取文件、写入文件、网络连接等），并且接收到一个信号时，系统调用可能会被中断。
            这种情况下，系统调用返回一个特殊的错误码 EINTR。</p>

        <p>信号 EINTR 是一个用于告知程序在执行系统调用时被信号中断的错误码。
            它提醒应用程序在出现中断的情况下重新执行被中断的系统调用，以确保操作的正确性。</p>

        <p>在发生 EINTR 错误时，通常的做法是在合适的情况下重新调用被中断的系统调用。
            这是因为某些信号可能会在系统调用执行过程中发生，例如 SIGINT（通常由用户按下 Ctrl+C 触发）或 SIGTERM（终止信号）。
            应用程序通常需要对这些信号作出响应，而不是简单地忽略它们。</p>

        <p>对于涉及阻塞系统调用（如读取、写入、等待）的情况，EINTR 错误可能更常见，因为这些调用通常会在等待时可以被信号中断。
            在这种情况下，重新调用被中断的系统调用是十分重要的，以确保程序正确地处理信号并继续执行正确的操作。
            通常的做法是在捕获信号后，使用一个循环来重新调用被中断的系统调用，直到它成功完成或出现其他错误。</p>
    </div>
    <button onclick="test()">普通的按钮</button>

</body>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/blueimp-md5/2.12.0/js/md5.min.js"></script>

<script>
    function test() {
        // alert("hahahah");
        // var title = document.getElementById("title");
        // alert(title.innerHTML);
        // title.innerHTML = "我不做标题啦";
        // var input = document.getElementById("usrid");
        // alert(input.value);
        // input.value = "";
        // var pswd = md5(document.getElementById("password").value);
        // alert(pswd);
        // var log_in = {
        //     usrname: document.getElementById("usrid").value,
        //     password: md5(document.getElementById("password").value)
        // }
        // $.ajax({
        //     type: "post",
        //     url: "http://43.139.5.31:8080/login",
        //     data: JSON.stringify(log_in),
        //     success: function(res, status, xhr) {
        //         alert(res);
        //     },
        //     error: function(xhr) {
        //         alert(JSON.stringify(xhr));
        //     }
        // })
        ws.send(document.getElementById("usrid").value);
    }

    function encryptAndSubmit(event) {
        event.preventDefault(); // 阻止表单立即提交

        const passwordInput = document.getElementById('password');
        const encryptedPassword = encryptFunction(passwordInput.value); // 将 'encryptFunction' 替换为实际使用的加密函数

        // 使用加密后的密码更新密码输入框
        passwordInput.value = encryptedPassword;

        // 提交表单
        event.target.submit();
    }

    var ws = new WebSocket("ws://43.139.5.31:8080/ws");
    ws.onopen = function() {
        alert("ws 握手成功");
    }
    ws.onerror = function() {
        alert("ws 连接错误");
    }
    ws.onmessage = function(evt) {
        alert(evt.data);
    }
    ws.onclose = function() {
        alert("ws 连接断开");
    }


</script>

</html>